<!-- 
  - 页头。内容为：
  -   1. 置顶通知信息
  -   2. 导航栏
 -->

<!-- 视图层 -->
<template>

<!-- 置顶通知信息容器 -->
<view>
  <!-- 顶部通知-通告栏视图（显示图标+可关闭+文字滚动） -->
  <!-- 
  <uni-notice-bar
    text="还没做完。"
    show-icon :scrollable="false"
  />
  -->
</view>

<!-- 导航栏容器-通栏 -->
<uni-card is-full>

  <!-- 第1行导航栏按钮 -->
  <view>

    <button
      @click="goToPage('/pages/index/index')"
      size="mini" type="primary"
    >
      首页
    </button>

    <button
      @click="promote()"
      size="mini" type="primary"
    >
      友链 / 广告位
    </button>

    <!--  
    <button
      @click="goToPage('../test/test')"
      size="mini" type="primary"
    >
      测试页面
    </button>
     -->
  </view>
  
  
  <!-- 第2行导航栏按钮 -->
  <view>

    <!--
    <button
      @click="goToPage('/pages/case/raman')"
      size="mini" type="primary"
    >
      拉曼案例
    </button>
    -->

    <!--
    <button
      @click="goToPage('/pages/case/spectrum')"
      size="mini" type="primary"
    >
      波谱数据处理
    </button>
    -->

    <!--
    <button
      @click="goToPage('/pages/case/cam')"
      size="mini" type="primary"
    >
      图像采集
    </button>
    -->

  </view>

</uni-card>

</template>

<!-- 逻辑层 -->
<script setup>
// 从入口文件引入各类全局方法
import { goToPage } from "../../scripts/app_common.js"

function promote() {
  // 弹出提示框
  uni.showModal({
    showCancel: false,
    title: "项目合作？",
    content: "互加友链 / 项目合作 / 商业推广，\n欢迎联系我们！",
  })
}

</script>
